@import url("../../style.less");
.page{
	// background-color: #f5f6f9;
	margin-top: -2rpx;
    position: relative;
	.head-top{
		width: 100%;
		height: 360rpx;
		background:  url('@{images-url}home-bg@2x.png') no-repeat;
        background-color: #3780ff;
		background-size: cover;
		position: relative;
		.search-wrapper{
			position: absolute;
			width: 92%;
			height: 96rpx;
			background-color: #f2f4f5;
			left: 4%;
			bottom: 30rpx;
			border-radius: 5px;
			display: flex;
			align-items: center;
            box-shadow: 4rpx 6rpx #4071c5;
			.search-icon{
				width: 60rpx;
				margin-left: 20rpx;
			}
			.uni-input{
				flex: 1;
				margin-left: 10rpx;
			}
		}
		.logo-wrapper{
			display: flex;
			align-items: center;
            justify-content: space-between;
            position: absolute;
            bottom: 168rpx;
            width: 80%;
            left: 50%;
            transform: translateX(-50%);
			.logo{
				width: 208rpx;
				height: 98rpx;
                .logo-title{
                    width: 98rpx;
                    height: 83rpx;
                }
			}
			.sub-title{
				flex: 1;
                text-align: right;
			}
		}
	}
    .search-hide{
        background-color: #ffffff;
        position: fixed;
        width: 100%;
        top: 0;
        /* #ifdef H5 */
        top: 88rpx;
        /* #endif */
        height: 82rpx;
        border-bottom: 2rpx solid #e4e4e4;
        z-index: 99;
        display: none;
        .input-bar{
            background-color: #e9e9e9;
            height: 62rpx;
            border-radius: 6rpx;
            width: 92%;
            margin: 10rpx auto;
            position: relative;
            .uni-icons{
                top: 10rpx;
                left: 14rpx;
                position: absolute;
            }
            .placeholder{
                font-size: 24rpx;
                color: #818181;
                position: absolute;
                left: 58rpx;
                top: 12rpx;
            }
        }
        &.is-hide{
            display: block;
        }
    }
	.diamond-container{
		padding-bottom: 32rpx;
		.hot-search{
			padding: 16rpx 18rpx 10rpx;
			overflow: hidden;
			.host-tag{
				margin-right: 16rpx;
				display: block;
				float: left;
				padding: 8rpx 16rpx;
				font-size: 26rpx;
				color: #333;
				background-color: #f4f4f5;
				border-radius: 20px;
			}
		}
	}
	.panel-title{
		font-size: 36rpx;
		padding: 24rpx 24rpx 16rpx;
	}
	.news-wrapper{
		border-top: 20rpx solid #f5f6f9;
		min-height: 30vh;
		.news-container{
			position: relative;
			.item{
				padding: 28rpx;
				display: flex;
                align-items: center;
                position: relative;
				.item-image{
					width: 212rpx;
					height: 160rpx;
				}
				.item-title{
					flex: 1;
                    color: #666666;
                    padding-right: 20rpx;
                    .more-overflow2{
                      display: -webkit-box;
                      -webkit-box-orient: vertical;
                      -webkit-line-clamp: 2; /* 限制显示的行数为2 */
                      overflow: hidden;
                    }
					.item-time{
						font-size: 24rpx;
						margin-top: 20rpx;
						color: #999999;
					}
				}
                &::after{
                    position: absolute;
                    content: ' ';
                    height: 1px;
                    border-bottom: 1px solid #e0e0e0;
                    transform: scaleY(0.33);
                    left: 14px;
                    right: 14px;
                    top: 112px;
                }
			}
		}
	}
}